<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>健康报告通知</title>
    <style>
        /* 邮件客户端兼容性增强 */
        @media screen and (max-width:600px) {
            .container { width: 100% !important; }
            .mobile-padding { padding: 15px !important; }
        }
    </style>
</head>
<body style="margin:0; padding:0; background:#f8f9fa;">
<!-- 容器表格 -->
<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center" style="padding:20px 0;">
            <!-- 主内容区 -->
            <table role="presentation" class="container" width="600" border="0" cellspacing="0" cellpadding="0" style="background:#ffffff; border-radius:8px; box-shadow:0 2px 15px rgba(0,0,0,0.05);">
                <!-- 头部 -->
                <tr>
                    <td class="mobile-padding" style="padding:30px; border-bottom:3px solid #3498db;">
                        <h1 style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; color:#2c3e50; font-size:28px; margin:0;">
                            <span th:text="${userName}"></span>的健康报告已生成！
                        </h1>
                    </td>
                </tr>

                <!-- 正文内容 -->
                <tr>
                    <td class="mobile-padding" style="padding:30px;">
                        <p style="font-family:Arial, sans-serif; color:#555; font-size:16px; line-height:1.6; margin:0 0 20px;">
                            我们已通过颐养智策AI完成对您家庭老人的健康评估，主要包含以下内容：
                        </p>
                        <!-- 项目列表 -->
                        <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td style="padding:8px 15px; background:#f1f5f9; border-left:4px solid #3498db; border-radius:4px; margin:10px 0;">
                                    核心健康档案
                                </td>
                            </tr>
                            <tr><td height="10"></td></tr>
                            <tr>
                                <td style="padding:8px 15px; background:#f1f5f9; border-left:4px solid #31b333; border-radius:4px;">
                                    多维健康建议
                                </td>
                            </tr>
                            <tr><td height="10"></td></tr>
                            <tr>
                                <td style="padding:8px 15px; background:#f1f5f9; border-left:4px solid #a45527; border-radius:4px;">
                                    科学运动方案
                                </td>
                            </tr>
                            <tr><td height="10"></td></tr>
                            <tr>
                                <td style="padding:8px 15px; background:#f1f5f9; border-left:4px solid #31b4a7; border-radius:4px;">
                                    社区活动推荐
                                </td>
                            </tr>
                        </table>

                        <!-- 附件提示 -->
                        <div style="color:#3498db; font-weight:500; padding:12px 20px; background:#e3f2fd; border-radius:6px; margin:20px 0 0;">
                            📥 详细报告内容请查看附件PDF文档
                        </div>
                    </td>
                </tr>

                <!-- 页脚 -->
                <tr>
                    <td style="padding:25px 30px; border-top:1px solid #eee; text-align:center;">
                        <p style="font-family:Arial, sans-serif; color:#7f8c8d; font-size:13px; margin:5px 0;">
                            © 2025 颐联汇智慧养老中枢 养老服务系统
                        </p>
                        <p style="font-family:Arial, sans-serif; color:#95a5a6; font-size:12px; margin:5px 0;">
                            关注长者健康，科技赋能养老
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>